<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<body>
		<div class="main">
			<form class="layui-form" action="" id="box">
				<div class="demoTable">
					搜索物品名称：
					<div class="layui-inline">
						<input class="layui-input" name="id" id="demoReload">
					</div>
				</div>
				<div class="layui-form-item" id="box2">
					<label class="layui-form-label">库存状态：</label>
					<div class="layui-input-block">
						<select id="kucun">
							<option value=""></option>
							<option value="充足">充足</option>
							<option value="待补货">待补货</option>
						</select>
					</div>
				</div>
			</form>
			<button class="layui-btn layui-btn-normal" id="search">搜索</button>
		</div>
		<div class="allContent">
			<div>
				<button class="layui-btn layui-btn-warm add_btn">添加</button>
				<button class="layui-btn layui-btn-normal modify_btn">修改</button>
				<button class="layui-btn layui-btn-danger delete_btn">删除</button>
			</div>
			<table lay-filter='dataTbale' id="dataTbale"></table>
		</div>

		<!-- <div id="test1"></div> -->
		<!-- <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.all.js"></script> -->
		<script src="layui/layui.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="js/index.js"></script>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-xs  layui-btn-primary" lay-event='see' id="see">查看</a>
		  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
		  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
		</script>
	</body>
	<div class="add_form">
		<div class="form_cont">
			<!-- <p>添加物品</p> -->
			<form class="layui-form">
				<label class="layui-form-label inputBox">物品名称：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品名称" autocomplete="off" class="layui-input add_item_name">
				</div>
				<label class="layui-form-label inputBox">单价（元）：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="number" placeholder="请输入物品单价" autocomplete="off" class="layui-input add_item_price">
				</div>
				<label class="layui-form-label inputBox">单位：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品单位" autocomplete="off" class="layui-input add_item_company">
				</div>
				<label class="layui-form-label inputBox">数量：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="number" placeholder="请输入物品数量" autocomplete="off" class="layui-input add_item_number">
				</div>
				<label class="layui-form-label inputBox">库存预测：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品的库存预测" autocomplete="off" class="layui-input add_item_stock">
				</div>
				<button class="layui-btn layui-btn-danger" id="cancel_btn">取消</button>
				<button class="layui-btn layui-btn-warm" id="submit_btn" lay-submit lay-filter="formDemo">提交</button>
			</form>
		</div>
	</div>
	<div class="modify_form">
		<div class="form_cont">
			<!-- <p>添加物品</p> -->
			<form class="layui-form">
				<label class="layui-form-label inputBox">物品名称：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品名称" autocomplete="off" class="layui-input modify_item_name">
				</div>
				<label class="layui-form-label inputBox">单价（元）：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="number" placeholder="请输入物品单价" autocomplete="off" class="layui-input modify_item_price"
					 readonly>
				</div>
				<label class="layui-form-label inputBox">单位：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品单位" autocomplete="off" class="layui-input modify_item_company">
				</div>
				<label class="layui-form-label inputBox">数量：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="number" placeholder="请输入物品数量" autocomplete="off" class="layui-input modify_item_number"
					 readonly>
				</div>
				<label class="layui-form-label inputBox">库存预测：</label>
				<div class="layui-input-block add_name_box">
					<input type="text" name="title" required lay-verify="required" placeholder="请输入物品的库存预测" autocomplete="off" class="layui-input modify_item_stock">
				</div>
				<!-- <button class="layui-btn layui-btn-danger" id="modify_cancel_btn">取消</button> -->
				<!-- <button class="layui-btn layui-btn-warm" id="modify_submit_btn" lay-submit lay-filter="formDemo2">提交</button> -->
			</form>
		</div>
	</div>
	<div class="viewData">
		<label class="layui-form-label itemDetails">物品名称：</label>
		<div class="layui-input-block information">
			<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input name" readonly>
		</div>
		<label class="layui-form-label itemDetails">单价：</label>
		<div class="layui-input-block information">
			<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input unitPrice"
			 readonly>
		</div>
		<label class="layui-form-label itemDetails">单位：</label>
		<div class="layui-input-block information">
			<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input company"
			 readonly>
		</div>
		<label class="layui-form-label itemDetails">数量：</label>
		<div class="layui-input-block information">
			<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input number"
			 readonly>
		</div>
		<label class="layui-form-label itemDetails">库存状态：</label>
		<div class="layui-input-block information">
			<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input stork" readonly>
		</div>
	</div>
	<div class="modify2_form">
		<div class="form_cont">
			<!-- <p>添加物品</p> -->
			<label class="layui-form-label inputBox">物品名称：</label>
			<div class="layui-input-block add_name_box">
				<input type="text" name="title" required lay-verify="required" placeholder="请输入物品名称" autocomplete="off" class="layui-input modify2_item_name">
			</div>
			<label class="layui-form-label inputBox">单价（元）：</label>
			<div class="layui-input-block add_name_box">
				<input type="text" name="title" required lay-verify="required" placeholder="请输入物品单价" autocomplete="off" class="layui-input modify2_item_price">
			</div>
			<label class="layui-form-label inputBox">单位：</label>
			<div class="layui-input-block add_name_box">
				<input type="text" name="title" required lay-verify="required" placeholder="请输入物品单位" autocomplete="off" class="layui-input modify2_item_company">
			</div>
			<label class="layui-form-label inputBox">数量：</label>
			<div class="layui-input-block add_name_box">
				<input type="text" name="title" required lay-verify="required" placeholder="请输入物品数量" autocomplete="off" class="layui-input modify2_item_number">
			</div>
			<label class="layui-form-label inputBox">库存预测：</label>
			<div class="layui-input-block add_name_box">
				<input type="text" name="title" required lay-verify="required" placeholder="请输入物品的库存预测" autocomplete="off" class="layui-input modify2_item_stock">
			</div>
			<!-- <button class="layui-btn layui-btn-danger" id="cancel_btn">取消</button> -->
			<!-- <button class="layui-btn layui-btn-warm" id="submit_btn">提交</button> -->
		</div>
	</div>
</html>
